<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const obj = {
        id: 9,
        uname: 'zs',
        age: 18,
        hobbit: ['抽烟', '喝酒', '烫头'],
        obj2: {
          id: 10,
          uname: 'ls',
          age: 28,
          hobbit: ['吃饭', '睡觉', '敲代码'],
        },
      }

      //请将 对象中所有的属性都解构成单独的变量，包括子对象和数组，解构出来的数据的变量名可以自己取
      //并且全部打印
      const {
        id: objId,
        uname: objName,
        age: objAge,
        hobbit: objHobbit,
        obj2: { id: obj2Id, uname: obj2Name, age: obj2Age, hobbit: obj2Hobbit },
      } = obj
      const [a, b, c] = objHobbit
      const [d, e, f] = obj2Hobbit
      console.log(objId)
      console.log(objName)
      console.log(objAge)
      console.log(a, b, c)
      console.log(obj2Id)
      console.log(obj2Name)
      console.log(obj2Age)
      console.log(d, e, f)
    </script>
  </body>
</html>
